<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Expires-Type" content="0"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Cache-Control" CONTENT="no-cache"/>
    <title>账户信息</title>
    <link type="text/css" rel="stylesheet"
          href="//misc.360buyimg.com/jdf/1.0.0/unit/??ui-base/5.0.0/ui-base.css,shortcut/5.0.0/shortcut.css,global-header/1.0.0/global-header.css,myjd/5.0.0/myjd.css,nav/2.0.0/nav.css,shoppingcart/2.0.0/shoppingcart.css,global-footer/5.0.0/global-footer.css,service/5.0.0/service.css,basePatch/1.0.0/basePatch.css"/>
    <script type="text/javascript"
            src="//misc.360buyimg.com/jdf/1.0.0/unit/??base/5.0.0/base.js,basePatch/1.0.0/basePatch.js"></script>
    <link rel="stylesheet" type="text/css" href="//misc.360buyimg.com/user/myjd-2015/css/myjd.info.css" media="all">
    <link type="text/css" rel="stylesheet" href="//misc.360buyimg.com/user/myjd-2015/widget/??common/common.css"
          source="widget"/>
    <script type="text/javascript"
            src="//misc.360buyimg.com/jdf/??lib/jquery-1.6.4.js,1.0.0/unit/libPath/1.0.0/libPath.js"></script>

</head>

<!--set|info-->
<body myjd="_MYJD_info" menuId="set">
<!--shortcut start-->
<div id="shortcut-2014">
    <div class="w">
        <ul class="fl">
            <li id="ttbar-home"><i class="iconfont">&#xe608;</i><a href="http://meimeistore.com/" target="_blank">商城首页</a>
            </li>
            <li class="dorpdown" id="ttbar-mycity"></li>
        </ul>
        <ul class="fr">
            <li class="fore1" id="ttbar-login">
                <a class="link-login">你好 [[${session.loginUser==null?'':session.loginUser.username}]]</a>&nbsp;&nbsp;
            </li>
            <li class="spacer"></li>
            <li class="fore2">
                <div class="dt">
                    <a target="_blank" href="http://order.meimeistore.com/orderlist.html">我的订单</a>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="fore3 dorpdown" id="ttbar-myjd">
                <div class="dt cw-icon">
                    <!-- <i class="ci-right"><s>◇</s></i> -->
                    <a target="_blank" href="//home.jd.com/">我与商城</a>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="fore4" id="ttbar-member">
                <div class="dt">
                    <a target="_blank" href="//vip.jd.com/">会员服务</a>
                </div>
            </li>
        </ul>
        <span class="clr"></span>
    </div>
</div>
<div id="o-header-2013">
    <div id="header-2013" style="display:none;"></div>
</div>
<!--shortcut end-->

<div id="nav">
    <div class="w">
        <div class="logo">
            <a href="http://meimeistore.com" target="_blank" class="fore1"
               clstag="homepage|keycount|home2013|Homejdlogo"></a>
            <a href="" target="_self" class="fore2" clstag="homepage|keycount|home2013|Homebackm">我与商城</a>
            <a href="http://meimeistore.com" target="_blank" class="fore3" clstag="homepage|keycount|home2013|Homebackjd">返回商城首页</a>
        </div>
        <div class="navitems">
            <ul>
                <li class="fore-1">
                    <a target="_self" href="" clstag="homepage|keycount|home2013|Homeindex">首页</a>
                </li>
                <li class="fore-3">
                    <div class="dl" clstag="click|keycount|myhome|hsz">
                        <div class="dt">
                            <span class="myjd-set">账户设置</span>
                            <b></b>
                        </div>
                        <div class="dd">

                            <a tid="_MYJD_info" clstag="Homeyser" href="http://member.meimeistore.com/web/info.html"
                               target="_self"><span>个人信息</span></a>
                            <a tid="_MYJD_safe" clstag="Homesafe" href="http://member.meimeistore.com/web/secret.html"
                               target="_self"><span>账户安全</span></a>
                            <a tid="_MYJD_accbinde" clstag="Homezhbd" href="//safe.jd.com/union/index.action"
                               target="_self"><span>账号绑定</span></a>
                            <a tid="_MYJD_comments" clstag="homeadd"
                               href="http://member.meimeistore.com/web/address.html"
                               target="_self"><span>收货地址</span></a>
                            <a tid="_MYJD_pay" clstag="Homequick"
                               href="https://authpay.jd.com/card/queryBindCard.action"
                               target="_blank"><span>我的银行卡</span></a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="nav-r">
            <div id="settleup-2014" class="dorpdown">
                <div class="cw-icon">
                    <i class="ci-left"></i>
                    <i class="ci-right">></i>
                    <a target="_blank" href="//cart.jd.com/cart.action">我的购物车</a>
                </div>
                <div class="dorpdown-layer">
                    <div class="spacer"></div>
                    <div id="settleup-content">
                        <span class="loading"></span>
                    </div>
                </div>
            </div>
            <div id="hotwords-2014"></div>
        </div>
        <div class="clr"></div>
    </div>
</div>

<!--container start-->

<div id="container">
    <div class="w">
        <div id="content">
            <div id="sub">
                <div id="menu">
                    <dl class="fore1">
                        <dt id="_MYJD_setting">设置</dt>
                        <dd class="fore1_1" id="_MYJD_info">
                            <a clstag="homepage|keycount|home2013|Homeyser" href="http://member.meimeistore.com/web/info.html" target="_self">个人信息</a>
                        </dd>
                        <dd class="fore1_2" id="_MYJD_safe">
                            <a clstag="homepage|keycount|home2013|Homesafe" href="http://member.meimeistore.com/web/secret.html"
                               target="_self">账户安全</a>
                        </dd>
                        <dd class="fore1_3" id="_MYJD_accbinde">
                            <a clstag="homepage|keycount|home2013|Homezhbd" href="//safe.jd.com/union/index.action"
                               target="_self">账号绑定</a>
                        </dd>
                        <dd class="fore1_5" id="_MYJD_comments">
                            <a clstag="homepage|keycount|home2013|homeadd"
                               href="http://member.meimeistore.com/web/address.html" target="_self">收货地址</a>
                        </dd>
                        <dd class="fore1_11" id="_MYJD_pay">
                            <a clstag="homepage|keycount|home2013|Homequick"
                               href="https://authpay.jd.com/card/queryBindCard.action" target="_blank">我的银行卡</a>
                        </dd>
                    </dl>
                </div>
            </div>

            <div id="main">
                <div class="mod-main">
                    <div class="mt">
                        <ul class="extra-l">
                            <li class="fore-1"><a class="curr" href="//i.jd.com/user/info">基本信息</a></li>
                            <li class="fore-2"><a href="//i.jd.com/user/userinfo/showImg.html">头像照片</a></li>
                        </ul>
                    </div>
                    <div class="mc">
                        <div class="user-set userset-lcol">
                            <div class="form">
                                <input type="hidden" id="id_Input" th:value="${member.getId()}">
                                <div class="item" id="aliasArea">
                                    <span class="label"><em>*</em>用户名：</span>
                                    <div class="fl" id="aliasBefore">
                                        <strong>[[${member.username}]]</strong>
                                        <span class="ftx03">    可用于登录，请牢记哦~</span>
                                    </div>
                                </div>
                                <div class="item">
                                    <span class="label"><em>*</em>昵称：</span>
                                    <div class="fl">
                                        <input clstag="homepage|keycount|home2013|infoname" type="text" class="itxt"
                                               maxlength="20" id="nickName_Input"
                                               th:value="${member.getNickname()}">
                                        <div class="clr"></div>
                                        <div class="prompt-06"><span id="nickName_msg"></span></div>
                                    </div>
                                </div>
                                <div class="item">
                                    <span class="label">性别：</span>
                                    <div class="fl" clstag="homepage|keycount|home2013|infoGender">
                                        <input type="radio" name="sex" class="jdradio" value="0"
                                               id="man_Radio"
                                               th:checked="${member.getGender()==0?true:false}"><label
                                            class="mr10">男</label>
                                        <input type="radio" name="sex" class="jdradio" value="1"
                                               th:checked="${member.getGender()==1?true:false}"><label
                                            class=" mr10">女</label>
                                    </div>
                                </div>
                                <!--                                <div class="item">-->
                                <!--                                    <span class="label">兴趣爱好：</span>-->
                                <!--                                    <div class="fl interest-list">-->
                                <!--                                        <p>请选择您感兴趣的分类，给您最精准的推荐</p>-->
                                <!--                                        <ul class="hobul" clstag="homepage|keycount|home2013|infoInterest">-->
                                <!--                                            <li name="hobbyType"  class="i-li"  value="1">-->
                                <!--                                                <div class="li-item">图书音像/电子书刊<s></s></div>-->
                                <!--                                            </li>-->
                                <!--                                            <li name="hobbyType" class="i-li" value="2"><div class="li-item">家用电器<s></s></div></li>-->
                                <!--                                            <li name="hobbyType" class="i-li"   value="3"><div class="li-item">手机/数码<s></s></div></li>-->
                                <!--                                            <li name="hobbyType" class="i-li"   value="4"><div class="li-item">电脑/办公<s></s></div></li>-->
                                <!--                                            <li name="hobbyType" class="i-li"   value="5"><div class="li-item">家居/家具/家装/厨具<s></s></div></li>-->
                                <!--                                            <li name="hobbyType"  class="i-li"  value="6"><div class="li-item">服饰内衣/珠宝首饰<s></s></div></li>-->
                                <!--                                            <li name="hobbyType"  class="i-li"  value="7"><div class="li-item">个护化妆<s></s></div></li>-->
                                <!--                                            <li name="hobbyType"  class="i-li"  value="8"><div class="li-item">鞋靴/箱包/钟表/奢侈品<s></s></div></li>-->
                                <!--                                            <li name="hobbyType"  class="i-li"  value="9"><div class="li-item">运动健康<s></s></div></li>-->
                                <!--                                            <li name="hobbyType"  class="i-li"  value="10"><div class="li-item">汽车用品<s></s></div></li>-->
                                <!--                                            <li name="hobbyType"  class="i-li"  value="11"><div class="li-item">母婴/玩具乐器<s></s></div></li>-->
                                <!--                                            <li name="hobbyType"  class="i-li"  value="12"><div class="li-item">食品饮料/保健食品<s></s></div></li>-->
                                <!--                                            <li name="hobbyType" class="i-li"   value="13"><div class="li-item">彩票/旅行/充值/票务<s></s></div></li>-->

                                <!--                                        </ul>-->
                                <!--                                    </div>-->
                                <!--                                </div>-->

                                <!--
                                <div class="item" clstag="homepage|keycount|home2013|infoadd">
                                    <span class="label">所在地：</span>
                                    <div class="fl">
                                        <select name="userVo.province" class="selt mr5" id="province">
                                                                                    </select>
                                        <select name="userVo.city" class="selt mr5" id="city">
                                        </select>
                                        <select name="userVo.county" class="selt mr5"  id="county">
                                        </select>
										<div class="clr"></div><div class="prompt-06"><span id="city_msg"></span></div>
                                    </div>
                                </div>
                                <div class="item">
                                    <span class="label">&nbsp;</span>
                                    <div class="fl">
                                        <input clstag="homepage|keycount|home2013|infoadd" type="text" class="itxt itxt1" name="userVo.address" id="address" value="">
									    <div class="clr"></div><div class="prompt-06"><span id="address_msg"></span></div>
                                    </div>
                                </div>
                                -->
                                <div class="item">
                                    <span class="label">&nbsp;</span>
                                    <div class="fl">
                                        <a clstag="homepage|keycount|home2013|infobtn" href="javascript:void(0)"
                                           class="btn-5" onclick="function updateUserInfo() {
                                               var nickname = document.getElementById('nickName_Input').value;
                                               var gender = document.getElementById('man_Radio').checked === true ? 0 : 1;
                                               var id = document.getElementById('id_Input').value;
                                                $.ajax({
                                                    url: 'http://member.meimeistore.com//web/updateinfo',
                                                    data: {'id': id, 'nickname': nickname, 'gender': gender},
                                                    async: false,
                                                    xhrFields: {
                                                        withCredentials: true
                                                    },
                                                    crossDomain: true,
                                                    success: function (data) {
                                                        alert('修改成功');
                                                    }
                                                });
                                           }
                                           updateUserInfo()">提交</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="user-info">
                            <div class="u-pic">
                                <img alt="用户头像" src="//i.jd.com/commons/img/no-img_mid_.jpg">
                                <div class="mask"></div>
                                <div class="face-link-box"></div>
                                <a href="" class="face-link">修改头像</a>
                            </div>
                            <div class="info-m">
                                <div><B>用户名：[[${member.username}]]</B></div>

                                <!--<div class="shop-level">购物行为评级：<span><a target="_blank" href="//vip.jd.com/help_behaviorRating.html">
									<s id="userCredit" class="rank-sh rank-sh01"></s></a></span></div> -->
                                <div class="u-level">
                                                                            <span class="rank jxz">
										<s></s><a href="//vip.jd.com" target="_blank" title="6145">京享值 [[${member.integration}]]</a>
									    </span>

                                </div>
                                <div th:if="${member.getLevelId()==1}">会员类型：普通会员</div>
                                <div th:if="${member.getLevelId()==2}">会员类型：铜牌会员</div>
                                <div th:if="${member.getLevelId()==3}">会员类型：银牌会员</div>
                                <div th:if="${member.getLevelId()==4}">会员类型：金牌会员</div>
                            </div>
                        </div>
                        <div class="fr ac" style="width:280px;">
                            注：修改手机绑定请点击<a clstag="homepage|keycount|home2013|infopay" class="ml5 ftx05"
                                       href="//aq.jd.com/process/center?s=1">账号绑定</a>
                        </div>
                        <div class="clr"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--container end-->

<span>该页面前端代码扒取自京东</span>
<br>
<span>商城后台管理系统网址:</span>
<br>
<span>全项目代码仓库:</span>
<br>
<span>kubesphere控制台网址:</span>
<br>
<span>矫健 18765969918</span>


<script type="text/javascript">
    (function () {
        var ja = document.createElement('script');
        ja.type = 'text/javascript';
        ja.async = true;
        ja.src = document.location.protocol + '//wl.jd.com/wl.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ja, s);
    })();
</script>


<script type="text/javascript" src="//misc.360buyimg.com/user/myjd-2015/widget/??common/common.js"
        source="widget"></script>
<script type="text/javascript">
    if (1 == 1) {
        $("#aliasArea").show();
    } else {
        $("#aliasArea").hide();
    }

    //生日初始化
    var originalBirthday = ''.split("-");
    var originalBirthdayYear = originalBirthday[0];  // 原年份
    var originalBirthdayMonth = parseInt(originalBirthday[1], 10);// 原月份
    var originalBirthdayDay = parseInt(originalBirthday[2], 10);// 原日期

    //地区初始化
    var originalProvince = '';//省ID
    if (originalProvince == 0) {
        originalProvince = 1;
    }
    var originalCity = '';//市ID
    if (originalCity == 0) {
        originalCity = 72;
    }
    var originalCounty = '';//县区ID
    if (originalCounty == 0) {
        originalCounty = 2799;
    }


    $(".hobul").children().click(
        function () {
            if ($(this).attr("class") == "" || $(this).attr("class") == "i-li" || $(this).attr("class") == undefined) {
                $(this).removeClass("i-li");
                $(this).addClass("selected i-li");
            } else {
                $(this).removeClass("selected i-li");
                $(this).addClass("i-li");
            }
        }
    )
    var hobbyType = '';//兴趣爱好
    if (hobbyType != null || hobbyType != "") {
        var arr = hobbyType.split(",");
        for (var i = 0; i < arr.length; i++) {
            $(".hobul").children().each(function () {
                if ($(this).val() == arr[i]) {
                    $(this).removeClass("i-li");
                    $(this).addClass("selected i-li");
                }
            });
        }
    }

</script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/userInfo.js"></script>
<!--
<script type="text/javascript" src="/js/updatePetName.js"></script>
-->
<script type="text/javascript">
    (function () {
        var ja = document.createElement('script');
        ja.type = 'text/javascript';
        ja.async = true;
        ja.src = ('https:' == document.location.protocol ? 'https://wlssl' : 'http://wl') + '.jd.com/wl.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ja, s);
    })();
</script>
</body>
</html>
